<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp"%>
<html>
<head>
	<meta charset="utf-8" />
	<title>厅干部平时考核管理系统</title>
		<script type="text/javascript" src="<c:url value='/resource/jxkh/js/common.js'/>"></script>

		<style type="text/css">
			#jedatebox{z-index: 9999999999999999999999999999!important;}
			.fc-header td{border: 0!important;}
			.fc-border-separate{border-collapse: collapse!important;}
		</style>
		
	</head>

	<body>
	<div class="njga">
		<div class="njga_rt_main qtry" style="height: 100%;">
			<div class="njga_bottom" style="height: 100%;">
				<div class="njga_bottom_main">
					<div class="njga_bottom_rt">
						<!--通知通报-->
						<div class="njga_bottom_top njga_bottom_top1">
						<div class="index_tztb">
							<div class="title index_tztb_title">
								<span class="span_hov">通知通报</span>
								<span class="span1">工作提醒</span>
							</div>
							<div class="index_tztb_tab_w">
								<div class="index_tztb_tab" style="display: block;">
									<div class="date_select_w">
										<div class="date_select" id="date_select">
											<p>当月</p>
											<div class="arrow"></div>
										</div>
										<ul class="date_select_xl">
											<li>1 月</li>
											<li>2 月</li>
											<li>3 月</li>
										</ul>
									</div>
									<div class="text_large">本月尚未对本部门的绩效考核指标进行评价，请尽快评价！</div>
									<div class="date">2017-10-29</div>
									<div class="text_small_wraper text_small_wraper1" id="text_small_wraper">
										<div class="text_small">徐州贾汪公安分局“三个全覆盖”强力三个全覆盖</div>
										<div class="text_small_date">2017-10-30</div>
										<div class="text_small">南京车管所推出驾驶人满12分学习新所推出驾驶人满12</div>
										<div class="text_small_date">2017-10-30</div>
										<div class="text_small">淮安涟水警方超前谋划防范网络诈骗谋划防范网络诈骗</div>
										<div class="text_small_date">2017-10-30</div>
										<div class="text_small">徐州贾汪公安分局“三个全覆盖”强力三个全覆盖</div>
										<div class="text_small_date">2017-10-30</div>
										<div class="text_small">南京车管所推出驾驶人满12分学习新所推出驾驶人满12</div>
										<div class="text_small_date">2017-10-30</div>
										<div class="text_small">淮安涟水警方超前谋划防范网络诈骗谋划防范网络诈骗</div>
										<div class="text_small_date">2017-10-30</div>
									</div>
								</div>
								<div class="index_tztb_tab index_tztb_tab1" style="margin-top: 25px;">
									<div class="text_small_wraper text_small_wraper1" id="text_small_wraper1">
										<div class="text_small" title="10月份月度考评已经开始，请尽快进行自评！"><a href="javascript:gotoZp()" style="font-size: 15px;color:white;">10月份月度考评已经开始，请尽快进行自评！</a></div>
										<div class="text_small_date">2017-11-17</div>
										<div class="text_small">上月您的月度纪实尚未填写，请及时完成！</div>
										<div class="text_small_date">2017-11-01</div>
										<div class="text_small">上周您的周纪实尚未填写，请及时完成！</div>
										<div class="text_small_date">2017-11-23</div>
										<div class="text_small">请及时完成昨天日志！</div>
										<div class="text_small_date">2017-11-16</div>
										<div class="text_small">上月您的月度纪实尚未填写，请及时完成！</div>
										<div class="text_small_date">2017-11-01</div>
										<div class="text_small">上周您的周纪实尚未填写，请及时完成！</div>
										<div class="text_small_date">2017-11-23</div>
										<div class="text_small">请及时完成昨天日志！</div>
										<div class="text_small_date">2017-11-16</div>
									</div>
								</div>

							</div>
						</div>
					</div>

					</div>
					<div class="njga_bottom_lf">
						<div class="njga_bottom_lf_main"  id="njga_bottom_lf_main">
							<!--我的日志-->
							<div class="njga_bottom_top">
								<div class="index_jxkh">
									<div class="index_jxkh_main" style="width: 100%;height: 100%;float: left;overflow: auto;">
										<div class="title">我的日志</div>
										<div id="calendar" class="dib"></div>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--文字上下滚动结束-->

	<script type="text/javascript">
		var index1 =2;
		var index2 =2;
		var index3 =2;

		function getContentSize() {
			var h = document.documentElement.clientHeight; //clientHeight内容可视区域的高度
			ch = ( h - 44 ) + "px";
			document.getElementById("njga_bottom_lf_main").style.height = ch;
		}
		window.onload = getContentSize; //页面加载时调用getContentSize()
		window.onresize = getContentSize; //当改变窗口大小时会出发getContentSize()
		$(".index_tztb_title > span").click(function(){
			$(this).addClass("span_hov").siblings().removeClass("span_hov");
			var bb = $(this).index();
			$(".index_tztb_tab_w > .index_tztb_tab").eq(bb).show().siblings().hide();
		});
	</script>
	<script type="text/javascript">
		$(document).ready(function() {
			//文字上下滚动
			var str1= new Marquee(
					"text_small_wraper", //容器ID
					0,  //向上滚动（0为向上、1为向下、2为向左、3为向右)
					2,  //滚动的步长
					250,  //容器可视宽度					336,  //容器可视高度

					50,  //定时器 数值越小，滚动的速度越快（1000=1秒，建议不小于20）
					2000,  //间歇停顿时间（0为不停顿，1000=1秒）
					1000,  //开始时的等待时间（0为不等待，1000=1秒）
					56  //间歇滚动间距（可选）
			);
//文字上下滚动结束
			$(".index_tztb_title > span").click(function(){
				$(this).addClass("span_hov").siblings().removeClass("span_hov");
				var bb = $(this).index();
				$(".index_tztb_tab_w > .index_tztb_tab").eq(bb).show().siblings().hide();
			});
//通知通报月份选择下拉
			$(document).click(function() {
				$(".date_select_xl").slideUp(200);
			});
			$("#date_select").click(function(e) {
				e = e || window.event;
				if(e.stopPropagation) {
					e.stopPropagation();
				} else {
					e.cancelBubble = true;
				}
				$(this).next(".date_select_xl").slideToggle(200);
				var selecttext = $(this).children("p");
				var selectmain = $(this).next(".date_select_xl");
				var lis = selectmain.find('li');
				for(var i = 0; i < lis.length; i++) {
					lis[i].onclick = function() {
						selectmain.hide();
						var textval = $(this).html();
						selecttext.text(decodeURIComponent(textval));
					}
				}
			});
			//通知通报月份选择下拉结束
			var date = new Date();
			var d = date.getDate();
			var m = date.getMonth();
			var y = date.getFullYear();
			$('#calendar').fullCalendar({
				header: {
					left: '',
					center: 'title',
					right: 'prev,next today'
				},
				editable: true,
				events: [

				],
				dayClick: function(date, allDay, jsEvent, view) {
					var workdate = $.fullCalendar.formatDate(date, 'yyyy-MM-dd');
					//考勤记录弹出框
					var open =  layer.open({
						type: 2,                                    //0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。
						shift: 1,//动画    0-6     css3动画
						closeBtn: 1,       //关闭按钮  0 不显示  style  1和2  标题为 false 2
						btn: ['保存', '取消'],
						shade: [0.8, '#393D49'],
						btn1: function(index, layero){
//							$("#workdate").val(workdate);
//							$("#index1").val(index1-1);
//							$("#index2").val(index2-1);
//							$("#index3").val(index3-1);
							//提交form
							/*layero.submitForm();*/
							var newpsw = $(layero).find("iframe")[0].contentWindow;
							newpsw.submitForm();
							/*window.setTimeout(function   (){
								layer.close(index);
							},1500)*/
						},
						title:['我的日志','background:#5f9ad1;color:#fff;text-align: left;font-size: 18px;'],
						area: ['800px', '500px'], //宽高
						content:"<c:url value='/worklog/dailyWorkedit.html?workdate='/>"+ workdate+"&type=1"//iframe层-禁滚动条  $("#photosDemo").html()   'http://www.baidu.com/'
					});
				},
				//考勤记录弹出框结束
				loading: function(bool) {
					if(bool)
						$.loading(true, loading);

					else
						$.loading(true, loading);
				}
			});

			$.modalOpenDeclare = function(options) {
				var defaults = {
					id: null,
					title: '系统窗口',
					width: "100px",
					height: "100px",
					url: '',
					shade: 0.3,
					btn: ['确认', '关闭'],
					btnclass: ['btn btn-primary', 'btn btn-danger'],
					callBack: null
				};
				var options = $.extend(defaults, options);
				var _width = top.$(window).width() > parseInt(options.width.replace('px', '')) ? options.width : top.$(window).width() + 'px';
				var _height = top.$(window).height() > parseInt(options.height.replace('px', '')) ? options.height : top.$(window).height() + 'px';
				top.layer.open({
					id: options.id,
					type: 2,
					shade: options.shade,
					title: options.title,
					fix: false,
					area: [_width, _height],
					content: options.url,
					btn: options.btn,
					btnclass: options.btnclass,
					yes: function() {
						options.callBack(options.id);
					},
					cancel: function() {
						return true;
					},
					end: function() {

						//alert($("#isreflsh").val());
						if($("#isreflsh").val() == "1") {
							//$.reload();
							var fcsYear = $("#fcs_date_year").val();
							var fcsMonth = $("#fcs_date_month").val();
							$("#calendar").fullCalendar('gotoDate', 2000, 0); //刷新
							$("#calendar").fullCalendar('gotoDate', fcsYear, fcsMonth);
						}
						$("#isreflsh").val("0");
					}
				});
			}

			$("#fc-dateSelect").delegate("select", "change", function() {
				var fcsYear = $("#fcs_date_year").val();
				var fcsMonth = $("#fcs_date_month").val();
				$("#calendar").fullCalendar('gotoDate', fcsYear, fcsMonth);
			});

		});
		$(function(){
			initView();
		});

		function gotoForm() {
			date = new Date();
			window.location.href = "IndexPage?strDate=" + date.format("yyyy-MM-dd");
		}


		function showMessage(content) {
			layer.open({
				title: '信息'
				, content: content
			});
		}
		function gotoZp(){
			var url = "<c:url value='/jump/khcp_zp.html'/>";
			$('#ifrm_data', parent.document).attr("src", url);
		}
		function initView(){
			// var s= "<div class=\"row_pop_row\" id=\"workContent11\"><div class=\"pop_lf\">日常工作</div><div class=\"pop_rt\"><div class=\"pop_rt_main\"><input type=\"text\" class=\"inpt\" name=\"content11\" id=\"content11\" /><input type=\"hidden\" name=\"type11\" value=\"1\" /></div></div> <div class=\"rili_add\" id=\"icon11\" ></div> </div><div class=\"row_pop_row\"  id=\"workContent21\"><div class=\"pop_lf\">重点工作</div><div class=\"pop_rt\"><div class=\"pop_rt_main\"><input type=\"text\" id=\"content21\" name=\"content21\" class=\"inpt\"  /><input type=\"hidden\" name=\"type21\" value=\"2\" /> </div></div><div class=\"rili_add\"  id=\"icon21\" ></div></div><div class=\"row_pop_row\"  id=\"workContent31\"><div class=\"pop_lf\">交办工作</div><div class=\"pop_rt\"><div class=\"pop_rt_main\"><input type=\"text\"  id=\"content31\" name=\"content31\" class=\"inpt\" /><input type=\"hidden\" name=\"type31\" value=\"3\" /></div></div><div class=\"rili_add\"  id=\"icon31\" ></div></div>";
			var s ="<div class=\"row_pop_row\"><div class=\"pop_lf\">日常工作</div><div class=\"pop_rt pop_rt1\"><textarea rows=\"3\" id=\"content11\" name =\"content11\" class=\"textarea2\"></textarea></div></div><div class=\"row_pop_row\"><div class=\"pop_lf\">重点工作</div><div class=\"pop_rt pop_rt1\"><textarea rows=\"3\" id=\"content21\"  name =\"content21\" class=\"textarea2\"></textarea></div></div><div class=\"row_pop_row\"><div class=\"pop_lf\">交办工作</div><div class=\"pop_rt pop_rt1\"><textarea rows=\"3\"  id=\"content31\"   name =\"content31\" class=\"textarea2\"></textarea></div></div>";
			$("#initDIV").html(s);
			index1=2;
			index2=2;
			index3=2;
			//先注释掉，以后可能要用
//        $("#icon11").bind("click",function(){
//            addWork(1,'','',1);
//        });
//        $("#icon21").bind("click",function(){
//            addWork(2,'','',1);
//        });
//        $("#icon31").bind("click",function(){
//            addWork(3,'','',1);
//        });
		}
	</script>
	</body>


</html>